<template>
  <div class="example">
    <div class="part">
      <div class="title">
        <span class="number">5</span>
        <span class="name titleName">4Receive attachment URL API</span>
      </div>
      <div class="cont">Receive attachment URL API is used to service order.</div>
    </div>
    <div class="part">
      <div class="title">
        <span class="number">5.1</span>
        <span class="name">CreditInfo API--公司概况入参</span>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.1.1</span>
        <span class="name">Request Field Definitions</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData1"
          border>
          <el-table-column
            prop="FieldName"
            label="FieldName"
            width="180">
          </el-table-column>
          <el-table-column
            prop="FieldDefinition"
            label="FieldDefinition"
            width="260">
          </el-table-column>
          <el-table-column
            prop="FieldType"
            label="FieldType"
            width="180">
          </el-table-column>
          <el-table-column
            prop="Required"
            label="Required"
            width="260">
          </el-table-column>
          <el-table-column
            prop="Comments"
            label="Comments"
            width="260">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <div class="title">Request URL:</div>
          <span>Post:</span>
          <span class="url">{{RequestData.url}}</span>
        </div>
        <div style="margin-top: 10px">
          <div class="title">Payload:</div>
          <span>Content-Type: application/Json</span>
          <pre>{{ResponseData.json}}</pre>
        </div>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.1.2</span>
        <span class="name">API-JSON Response</span>
        <span style="display: block">API response with JSON format returned by API platform.</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData2"
          border>
          <el-table-column
            prop="Parameter"
            label="Parameter"
            width="245">
          </el-table-column>
          <el-table-column
            prop="ParameterName"
            label="ParameterName"
            width="325">
          </el-table-column>
          <el-table-column
            prop="DateType"
            label="DateType"
            width="245">
          </el-table-column>
          <el-table-column
            prop="Note"
            label="Note"
            width="325">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <pre>{{ResponseData.json2}}</pre>
        </div>
      </div>
    </div>
    <div class="part">
      <div class="title">
        <span class="number">5.2</span>
        <span class="name">CreditInfo API--股东信息入参</span>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.2.1</span>
        <span class="name">Request Field Definitions</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData3"
          border>
          <el-table-column
            prop="FieldName"
            label="FieldName"
            width="180">
          </el-table-column>
          <el-table-column
            prop="FieldDefinition"
            label="FieldDefinition"
            width="260">
          </el-table-column>
          <el-table-column
            prop="FieldType"
            label="FieldType"
            width="180">
          </el-table-column>
          <el-table-column
            prop="Required"
            label="Required"
            width="260">
          </el-table-column>
          <el-table-column
            prop="Comments"
            label="Comments"
            width="260">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <div class="title">Request URL:</div>
          <span>Post:</span>
          <span class="url">{{RequestData.url3}}</span>
        </div>
        <div style="margin-top: 10px">
          <div class="title">Payload:</div>
          <span>Content-Type: application/Json</span>
          <pre>{{ResponseData.json3}}</pre>
        </div>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.2.2</span>
        <span class="name">API-JSON Response</span>
        <span style="display: block">API response with JSON format returned by API platform.</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData2"
          border>
          <el-table-column
            prop="Parameter"
            label="Parameter"
            width="245">
          </el-table-column>
          <el-table-column
            prop="ParameterName"
            label="ParameterName"
            width="325">
          </el-table-column>
          <el-table-column
            prop="DateType"
            label="DateType"
            width="245">
          </el-table-column>
          <el-table-column
            prop="Note"
            label="Note"
            width="325">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <pre>{{ResponseData.json4}}</pre>
        </div>
      </div>
    </div>
    <div class="part">
      <div class="title">
        <span class="number">5.3</span>
        <span class="name">CreditInfo API--上市信息入参</span>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.3.1</span>
        <span class="name">Request Field Definitions</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData3"
          border>
          <el-table-column
            prop="FieldName"
            label="FieldName"
            width="180">
          </el-table-column>
          <el-table-column
            prop="FieldDefinition"
            label="FieldDefinition"
            width="260">
          </el-table-column>
          <el-table-column
            prop="FieldType"
            label="FieldType"
            width="180">
          </el-table-column>
          <el-table-column
            prop="Required"
            label="Required"
            width="260">
          </el-table-column>
          <el-table-column
            prop="Comments"
            label="Comments"
            width="260">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <div class="title">Request URL:</div>
          <span>Post:</span>
          <span class="url">{{RequestData.url3}}</span>
        </div>
        <div style="margin-top: 10px">
          <div class="title">Payload:</div>
          <span>Content-Type: application/Json</span>
          <pre>{{ResponseData.json5}}</pre>
        </div>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.3.2</span>
        <span class="name">API-JSON Response</span>
        <span style="display: block">API response with JSON format returned by API platform.</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData2"
          border>
          <el-table-column
            prop="Parameter"
            label="Parameter"
            width="245">
          </el-table-column>
          <el-table-column
            prop="ParameterName"
            label="ParameterName"
            width="325">
          </el-table-column>
          <el-table-column
            prop="DateType"
            label="DateType"
            width="245">
          </el-table-column>
          <el-table-column
            prop="Note"
            label="Note"
            width="325">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <pre>{{ResponseData.json6}}</pre>
        </div>
      </div>
    </div>
    <div class="part">
      <div class="title">
        <span class="number">5.4</span>
        <span class="name">FinancyInfo API</span>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.4.1</span>
        <span class="name">Request Field Definitions</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData4"
          border>
          <el-table-column
            prop="FieldName"
            label="FieldName"
            width="180">
          </el-table-column>
          <el-table-column
            prop="FieldDefinition"
            label="FieldDefinition"
            width="260">
          </el-table-column>
          <el-table-column
            prop="FieldType"
            label="FieldType"
            width="180">
          </el-table-column>
          <el-table-column
            prop="Required"
            label="Required"
            width="260">
          </el-table-column>
          <el-table-column
            prop="Comments"
            label="Comments"
            width="260">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <div class="title">Request URL:</div>
          <span>Post:</span>
          <span class="url">{{RequestData.url3}}</span>
        </div>
        <div style="margin-top: 10px">
          <div class="title">Payload:</div>
          <span>Content-Type: application/Json</span>
          <pre>{{ResponseData.json7}}</pre>
        </div>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.4.2</span>
        <span class="name">API-JSON Response</span>
        <span style="display: block">API response with JSON format returned by API platform.</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData2"
          border>
          <el-table-column
            prop="Parameter"
            label="Parameter"
            width="245">
          </el-table-column>
          <el-table-column
            prop="ParameterName"
            label="ParameterName"
            width="325">
          </el-table-column>
          <el-table-column
            prop="DateType"
            label="DateType"
            width="245">
          </el-table-column>
          <el-table-column
            prop="Note"
            label="Note"
            width="325">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <pre>{{ResponseData.json8}}</pre>
        </div>
      </div>
    </div>
    <div class="part">
      <div class="title">
        <span class="number">5.5</span>
        <span class="name">YearReport API</span>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.5.1</span>
        <span class="name">Request Field Definitions</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData3"
          border>
          <el-table-column
            prop="FieldName"
            label="FieldName"
            width="180">
          </el-table-column>
          <el-table-column
            prop="FieldDefinition"
            label="FieldDefinition"
            width="260">
          </el-table-column>
          <el-table-column
            prop="FieldType"
            label="FieldType"
            width="180">
          </el-table-column>
          <el-table-column
            prop="Required"
            label="Required"
            width="260">
          </el-table-column>
          <el-table-column
            prop="Comments"
            label="Comments"
            width="260">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <div class="title">Request URL:</div>
          <span>Post:</span>
          <span class="url">{{RequestData.url3}}</span>
        </div>
        <div style="margin-top: 10px">
          <div class="title">Payload:</div>
          <span>Content-Type: application/Json</span>
          <pre>{{ResponseData.json9}}</pre>
        </div>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.5.2</span>
        <span class="name">API-JSON Response</span>
        <span style="display: block">API response with JSON format returned by API platform.</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData2"
          border>
          <el-table-column
            prop="Parameter"
            label="Parameter"
            width="245">
          </el-table-column>
          <el-table-column
            prop="ParameterName"
            label="ParameterName"
            width="325">
          </el-table-column>
          <el-table-column
            prop="DateType"
            label="DateType"
            width="245">
          </el-table-column>
          <el-table-column
            prop="Note"
            label="Note"
            width="325">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <pre>{{ResponseData.json10}}</pre>
        </div>
      </div>
    </div>
    <div class="part">
      <div class="title">
        <span class="number">5.6</span>
        <span class="name">CompanyBranch API</span>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.6.1</span>
        <span class="name">Request Field Definitions</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData3"
          border>
          <el-table-column
            prop="FieldName"
            label="FieldName"
            width="180">
          </el-table-column>
          <el-table-column
            prop="FieldDefinition"
            label="FieldDefinition"
            width="260">
          </el-table-column>
          <el-table-column
            prop="FieldType"
            label="FieldType"
            width="180">
          </el-table-column>
          <el-table-column
            prop="Required"
            label="Required"
            width="260">
          </el-table-column>
          <el-table-column
            prop="Comments"
            label="Comments"
            width="260">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <div class="title">Request URL:</div>
          <span>Post:</span>
          <span class="url">{{RequestData.url3}}</span>
        </div>
        <div style="margin-top: 10px">
          <div class="title">Payload:</div>
          <span>Content-Type: application/Json</span>
          <pre>{{ResponseData.json11}}</pre>
        </div>
      </div>
      <div class="title2" style="margin:0 0 10px 10px">
        <span class="number">5.6.2</span>
        <span class="name">API-JSON Response</span>
        <span style="display: block">API response with JSON format returned by API platform.</span>
      </div>
      <div class="table1">
        <el-table
          :data="tableData2"
          border>
          <el-table-column
            prop="Parameter"
            label="Parameter"
            width="245">
          </el-table-column>
          <el-table-column
            prop="ParameterName"
            label="ParameterName"
            width="325">
          </el-table-column>
          <el-table-column
            prop="DateType"
            label="DateType"
            width="245">
          </el-table-column>
          <el-table-column
            prop="Note"
            label="Note"
            width="325">
          </el-table-column>
        </el-table>
      </div>
      <div class="json">
        <div style="margin-top: 10px">
          <pre>{{ResponseData.json12}}</pre>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "Example",
    data() {
      return {
        tableData1: [{
          FieldName: '客户id',
          FieldDefinition: 'customerNo',
          FieldType: 'String',
          Required: 'Required',
          Comments: '不为空，必须传 '
        }, {
          FieldName: '想要信息的字段名',
          FieldDefinition: 'columnList ',
          FieldType: 'String[]',
          Required: 'Required',
          Comments: '不为空，必须传 '
        }],
        tableData2: [{
          Parameter: 'status',
          ParameterName: '状态码',
          DateType: 'Int',
          Note: '200'
        }, {
          Parameter: 'msg ',
          ParameterName: '查询成功与失败信息',
          DateType: 'String',
          Note: 'success/失败信息'
        }, {
          Parameter: 'data',
          ParameterName: '查询结果',
          DateType: 'Json',
          Note: 'total:查询结果总条数data:查询明细数据'
        }, {
          Parameter: 'success',
          ParameterName: '查询是否成功',
          DateType: 'Boolean',
          Note: 'True/false'
        }],
        tableData3: [{
          FieldName: '客户id',
          FieldDefinition: 'customerNo',
          FieldType: 'String',
          Required: 'Required',
          Comments: '不为空，必须传 '
        }, {
          FieldName: '想要信息的字段名',
          FieldDefinition: 'columnList ',
          FieldType: 'String[]',
          Required: 'Required',
          Comments: '不为空，必须传 '
        }],
        tableData4: [{
          FieldName: '客户id',
          FieldDefinition: 'customerNo',
          FieldType: '',
          Required: '',
          Comments: ''
        }, {
          FieldName: '想要信息的字段名',
          FieldDefinition: 'columnList ',
          FieldType: '',
          Required: '',
          Comments: ''
        },
          {
            FieldName: '页码',
            FieldDefinition: 'pageNo ',
            FieldType: '',
            Required: '',
            Comments: ''
          },
          {
            FieldName: '每页显示条数',
            FieldDefinition: 'pageSize',
            FieldType: '',
            Required: '',
            Comments: ''
          }
        ],
        RequestData: {
          url: 'https://soa-test.lenovo.com/api/dcg/v1.0.0/getCreditInfo',
          url3: 'https://soa-test.lenovo.com/api/dcg/v1.0.0/getCreditInfo',
        },
        ResponseData:{
          json:{
            "customerNo":"206851458",
            "columnList":["web" ,"history_name","company_name_en","social_credit_code","state","legal_person","registered_capital","founding_time","regist_add","zcdz","bgdz","yzbm","phone","mail","scope_business","organization_type","economy_type","economy_industry","enterprise_type","zyfw","gyrs","gsjj","bqxx","tax_level"]
          },
          json3:{
            "customerNo": "206851458",
            "columnList": [
              "big_holder",
              "investment_rate",
              "subscribed_capital"
            ]
          },
          json2:{
            "status": 200,
            "msg": "success",
            "data": {
              "total": 1,
              "data": [
                {
                  "web": "stfm.cn",
                  "historyName": "江苏神通阀门有限公司",
                  "companyNameEn": "Jiangsu Shentong Valve Co.,Ltd",
                  "socialCreditCode": "",
                  "state": "正常",
                  "legalPerson": "吴建新",
                  "registeredCapital": "48577.2156 万元(RMB)",
                  "foundingTime": "2001-01-04",
                  "registAdd": "江苏省启东市南阳镇",
                  "zcdz": "江苏省启东市南阳镇",
                  "bgdz": "江苏省启东市南阳镇",
                  "yzbm": "226232",
                  "phone": "0513-83335318",
                  "mail": "stfm668@163.com",
                  "scopeBusiness": "研发生产销售阀门及冶金、电力、化工机械、比例伺服阀;阀门及机电设备的安装、维护、检修;工业装置的安装、维修、技术咨询及技术服务;经营本企业自产产品及技术的出口业务;经营本企业生产、科研所需的原辅材料、仪器仪表、机械设备、零配件及技术的进口业务(国家限定公司经营和国家禁止进出口的商品及技术除外)。(依法须经批准的项目,经相关部门批准后方可开展经营活动)",
                  "organizationType": "企业",
                  "economyType": "股份有限公司(上市)",
                  "economyIndustry": "电子和电工机械专用设备制造",
                  "enterpriseType": "高新企业,A 股",
                  "zyfw": "研发生产销售阀门及冶金、电力、化工机械、比例伺服阀;阀门及机电设备的安装、维护、检修;工业装置的安装、维修、技术咨询及技术服务;经营本企业自产产品及技术的出口业务;经营本企业生产、科研所需的原辅材料、仪器仪表、机械设备、零配件及技术的进口业务(国家限定公司经营和国家禁止进出口的商品及技术除外)。(依法须经批准的项目,经相关部门批准后方可开展经营活动)。",
                  "gyrs": "1260",
                  "gsjj": "江苏神通阀门股份有限公司位于江苏省启东市南阳镇,与上海隔江相望,公司距上海浦东机场105 公里,交通便捷。公司注册资本2.20 亿元,是国家级高新技术企业、江苏省创新型企业、节能减排示范企业和江苏省知识产权管理标准化示范企业;建有国家博士后科研工作站、江苏省工程技术研究中心、江苏省核电阀门重点实验室;公司是中国阀门行业协会副理事长单位、全国阀门标准化技术委员会蝶阀工作组组长单位、宝钢设备与备件联合研制供应中心成员单位、中国石油化工集团公司物资供应网络成员单位、中广核核电设备国产化联合研发中心成员单位。拥有民用核安全设备设计和制造许可证、压力容器和压力管道元件特种设备制造许可证。通过了美国石油学会API6D、API609 认证以及ISO9001质量管理体系、ISO10012 测量管理体系、ISO14001 环境管理体系、GB/T28001 职业健康安全管理体系认证。本公司专业从事新型特种阀门研究、开发、生产与销售,拥有有效专利109项,主要生产包括蝶阀、球阀、闸阀、截止阀、止回阀、调节阀、特种专用阀等七个大类145个系列2000 多个规格的产品,这些产品广泛应用于冶金、核电、火电、煤化工、石油和天然气集输及石油炼化等领域。“神通”牌和“蝶球”牌冶金特种阀门主要应用于冶金行业的高炉煤气干法除尘与煤气回收等节能减排系统,主导产品国内市场占有率达70%以上。核电蝶阀、球阀产品方面的国内市场占有率达90%以上。经中国证监会核准,公司股票于2010 年6月23 日在深圳证券交易所中小企业板成功上市。作为江苏省启东市的第一家A 股上市公司,是阀门行业十年来唯一一家在国内A 股市场成功上市的阀门专业公司,踏入资本市场的江苏神通将面临更大的发展机遇。公司将秉承“为用户创造价值、为员工创造机会、为股东创造回报、为社会创造财富”的经营理念,“巩固冶金、发展核电、进军石化、服务能源”,以创新求发展,把江苏神通建设成为国内领先,国际著名的核电阀门和冶金特种阀门的精品基地,为实现公司持续、稳定、快速的发展而努力奋斗。",
                  "bqxx": null,
                  "taxLevel": "A"
                }
              ]
            },
            "success": true
          },
          json4:{
            "status": 200,
            "msg": "success",
            "data": {
              "total": 1,
              "data": [
                {
                  "bigHolder": "香港易成集团有限公司",
                  "investmentRate": "87.96%",
                  "subscribedCapital": "42727.215600万人民币"
                }
              ]
            },
            "success": true
          },
          json5:{
            "customerNo": "206851458",
            "columnList": [
              "security_sort",
              "stock_code_a",
              "stock_intro_a",
              "stock_code_b",
              "stock_intro_b",
              "stock_code_h",
              "stock_intro_h",
              "listed_exchange",
              "the_csrc_ndustry"
            ]
          },
          json6:{
            "status": 200,
            "msg": "success",
            "data": {
              "total": 1,
              "data": [
                {
                  "securitySort": "深交所中小板A股",
                  "stockCodeA": "002438",
                  "stockIntroA": "江苏神通",
                  "stockCodeB": "--",
                  "stockIntroB": "--",
                  "stockCodeH": "--",
                  "stockIntroH": "--",
                  "listedExchange": "深圳证券交易所",
                  "theCsrcNdustry": "制造业-通用设备制造业"
                }
              ]
            },
            "success": true
          },
          json7:{"customerNo":"206851458",
            "columnList":["cus_id","num","time","rotation","valuation","amount","ratio","investor"],
            "pageNo":1,
            "pageSize":5
          },
          json8:{
            "status": 200,
            "msg": "success",
            "data": {
              "total": 1,
              "data": [
                {
                  "cusId": "206851458",
                  "num": "1",
                  "time": "2010-06-23",
                  "rotation": "IPO上市",
                  "valuation": "-",
                  "amount": "5.72亿人民币",
                  "ratio": "-",
                  "investor": "公开发行"
                }
              ],
              "pageNo": 1,
              "pageSize": 5,
              "totalPageNo": 1
            },
            "success": true
          },
          json9:{
            "customerNo": "206851458",
            "columnList": [
              "year",
              "total_assets",
              "total_equity",
              "total_salesquity",
              "gross_revenue",
              "main_composition",
              "total_sales",
              "net_profit_of_company_shareholder",
              "income_proportion",
              "main_cost",
              "cost_proportion",
              "net_profit_ratio",
              "main_profit",
              "profit_proportion",
              "gross_profit_rate"
            ]
          },
          json10:{
            "status": 200,
            "msg": "success",
            "data": {
              "total": 1,
              "data": [
                {
                  "year": "2017",
                  "totalAssets": "",
                  "totalEquity": "",
                  "totalSalesquity": "",
                  "grossRevenue": "755661421.21",
                  "mainComposition": "冶金行业",
                  "totalSales": "",
                  "netProfitOfCompanyShareholder": "62399567.82",
                  "incomeProportion": "31.54%",
                  "mainCost": "1.47亿",
                  "costProportion": "30.74%",
                  "netProfitRatio": "62399567.82",
                  "mainProfit": "9100.42万",
                  "profitProportion": "32.93%",
                  "grossProfitRate": "38.18%"
                }
              ]
            },
            "success": true
          },
          json11:{"customerNo":"207040913",
            "columnList":["branch_name","legal_person","state","registered_capital"]},
          json12:{
            "status": 200,
            "msg": "success",
            "data": {
              "total": 2,
              "data": [
                {
                  "branchName": "三峡金沙江川云水电开发有限公司永善溪洛渡电厂",
                  "legalPerson": "谢峰",
                  "state": "正常",
                  "registeredCapital": "3400000万元(万人民币)"
                },
                {
                  "branchName": "三峡金沙江川云水电开发有限公司宜宾向家坝电厂",
                  "legalPerson": "谢峰",
                  "state": "正常",
                  "registeredCapital": "3400000万元(万人民币)"
                }
              ]
            },
            "success": true
          }


        },
        jsonRequest: {
          type: 'POST',
          url: 'https://soa-test.lenovo.com/t1/api/pc_activition/v1.0/api/getMtmSbomData HTTP/1.1',
          contentType: 'application/json',
          data: {
            "appKey": "cbi_public_certification",
            "secret": "85699AC56E0A7D6730849FC1563EE0C7",
            "_timestamp": "1532423927890",
            "sign": "A87F84874C3329580672419CC5D391A9",
            "prod_machine_type": "6173",
            "warranty_start_month": "201611",
            "page": "1"
          }
        },
        jsonResponse: {
          data: {
            "status": 200,
            "msg": "success",
            "data": {
              "total": 126,
              "page": 1,
              "data": [
                {
                  "wty_coverage_start_date": "20161102",
                  "prod_build_date": "20161031",
                  "prod_ship_date": "20161101",
                  "prod_series": "77X2SHT",
                  "source": "ibase",
                  "sold_to_name": "ALSO Schweiz AG",
                  "ship_to_name": "ALSO SCHWEIZ AG",
                  "wty_coverage_end_date": "20191216",
                  "prod_material": "61732UL",
                  "ship_to_id": "1213063824",
                  "prod_activation_flag": "",
                  "prod_activation_date": "",
                  "prod_brand_name": "STORAGE",
                  "sales_geography": "EMEA",
                  "sales_market": "SWITZERLAND",
                  "prod_subser_name": "Storage Tape Products",
                  "prod_machine_type": "6173",
                  "ship_to_country": "CH",
                  "prod_activation_country": "",
                  "prod_activation_source": "",
                  "prod_material_desc": "Storage TS3100 TapeLibraryModel L2U",
                  "prod_bh_series": "OPTION",
                  "qty": 1,
                  "prod_series_name": "Tape Series",
                  "sales_territory": "DACH",
                  "sold_to_id": "1213063824"
                },
              ]
            }
          }
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  .example{
    margin: 10px 41px 0 41px;
    .part{
      margin: 30px 0;
      .title{
        margin:10px;
        font-weight: bold;
        .number{
          font-size: 20px;
          color: #0090e9;
          margin-right: 10px;
        }
        .name{
          font-size: 20px;
          color: #000;
        }
        .titleName{
          font-size: 24px;
        }
      }
      .cont{
        font-size: 16px;
        line-height:24px;
      }
      .json{
        .url{
          color:#0090e9;
          cursor: pointer;
        }
        .url:hover{
          text-decoration: underline;
        }
      }
      .table1{
        width:1142px;
      }
      .table2{
        width:880px;
      }
    }
  }

</style>
